<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title class="next-head">魅族官网 - 魅族 18X 手机：为热爱，敢直白</title>

    <link rel="shortcut icon" href="https://www.meizu.com/static/global/images/favicon-90c2e618ff.ico" type="image/x-icon" class="next-head">

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <link rel="stylesheet" type="text/css" href="css/title.css">
    <link rel="stylesheet" type="text/css" href="css/navi.css">
    <link rel="stylesheet" type="text/css" href="css/banner.css">
    <link rel="stylesheet" type="text/css" href="css/ads.css">
    <link rel="stylesheet" type="text/css" href="css/content.css">
    <link rel="stylesheet" type="text/css" href="css/others.css">
    <link rel="stylesheet" type="text/css" href="css/copyright.css">
</head>

<body>
    <!-- title -->
    <div class="title ">
        <div class="title-center">
            <div class="titleLeft">
                <a href="#">魅族官网</a>
                <a href="#">魅族商城</a>
                <a href="#">Flyme</a>
                <a href="#">专卖店</a>
                <a href="#">服务</a>
                <a href="#">社区</a>
            </div>
            <div class="titleRight">
                <a href="#">我的收藏<i></i></a>
                <a href="#">我的订单</a>
                <a href="#">登录</a>
                <a href="#">注册</a>
            </div>
        </div>
    </div>
    <!-- navi -->
    <div class="navi">
        <a href="#" class="logo">
            <img src="images/logo.png" alt="">
        </a>
        <a href="#">
            <h2> PRO手机</h2>
        </a>
        <a href="#">
            <h2>魅蓝手机</h2>
        </a>
        <a href="#">
            <h2>MX手机</h2>
        </a>
        <a href="#">
            <h2>精选配件</h2>
        </a>
        <a href="#">
            <h2>智能硬件</h2>
        </a>
    </div>
    <!-- banner -->
    <div class="banner">
        <!-- bannerCategory -->
        <div class="bannerCategory">
            <ul>
                <li>
                    <h3><a href="#">全部商品分类</a></h3>
                </li>
                <li>
                    <h3><a href="#">手机</a></h3>
                </li>
                <li>
                    <h3><a href="#">智能硬件</a></h3>
                </li>
                <li>
                    <h3>
                        <a href="#">耳机</a>
                        <i>/</i>
                        <a href="#">音响</a>
                    </h3>

                </li>
                <li>
                    <h3>
                        <a href="#">路由器</a>
                        <i>/</i>
                        <a href="#">移动电源</a>
                    </h3>
                </li>
                <li>
                    <h3>
                        <a href="#">保护套</a>
                        <i>/</i>
                        <a href="#">后盖</a>
                        <i>/</i>
                        <a href="#">贴膜</a>
                    </h3>
                </li>
                <li>
                    <h3>
                        <a href="#">数据线</a>
                        <i>/</i>
                        <a href="#">电源适配器</a>
                    </h3>
                </li>
                <li>
                    <h3><a href="#">周边商品</a></h3>
                </li>
            </ul>

        </div>
        <div class="bannerFlow">
            <span class="leftArrow"></span>
            <span class="rightArrow"></span>
            <ol>
                <li class="current"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ol>
        </div>
    </div>
    <!-- ads -->
    <div class="ads">

        <ul>
            <li class="firstAds">
                <div class="adsItem">
                    <a href="#">
                        <img src="images/1450855246-61162.png" alt="">
                        <h2>M码通道</h2>
                    </a>
                    <a href="#">
                        <img src="images/1450855279-64872.png" alt="">
                        <h2>以旧换新</h2>
                    </a>
                    <a href="#">
                        <img src="images/1450855198-58056.png" alt="">
                        <h2>魅族意外保</h2>
                    </a>
                    <a href="#">
                        <img src="images/1451960447-93534.png" alt="">
                        <h2>回购单查询</h2>
                    </a>
                </div>
            </li>
            <li>
                <a href="#">
                    <img src="images/1469442560-64371.jpg" alt="">
                </a>
            </li>
            <li>
                <img src="images/Cix_s1fuEgmAc5NwAABEl576SHY123.jpg" alt="">
            </li>
            <li>
                <img src="images/CnQOjVfhDa2AKtdyAAAtKjihE5E114.jpg" alt="">
            </li>
            <li>
                <img src="images/Cix_s1f66-eAGausAABXAszHWuE990.png" alt="">
            </li>


        </ul>
    </div>
    <!-- content -->
    <div class="content">
        <div class="categroyOne">
            <div class="categoryTitle">
                <h1>手机</h1>
                <p>
                    <span>更多</span>
                    <i></i>
                </p>
            </div>
            <div class="categroybody">
                <ul>
                    <li>
                        <a href="#">
                            <!-- 手机卡片 -->
                            <div class="itemCard">
                                <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">


                                <span class="name">魅蓝note3</span>
                                <p>
                                    <span>11-12日</span>
                                    <span>限量开售</span>
                                </p>
                                <span class="price">¥799</span>


                            </div>
                        </a>
                        <span class="tag">热卖</span>
                    </li>
                    <li>
                        <a href="#">
                            <!-- 手机卡片 -->
                            <div class="itemCard">
                                <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">


                                <span class="name">魅蓝note3</span>
                                <p>
                                    <span>11-12日</span>
                                    <span>限量开售</span>
                                </p>
                                <span class="price">¥799</span>

                            </div>
                        </a>

                    </li>
                    <li>
                        <a href="#">
                            <!-- 手机卡片 -->
                            <div class="itemCard">
                                <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">


                                <span class="name">魅蓝note3</span>
                                <p>
                                    <span>11-12日</span>
                                    <span>限量开售</span>
                                </p>
                                <span class="price">¥799</span>


                            </div>
                            <span class="tag">热卖</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <!-- 手机卡片 -->
                            <div class="itemCard">
                                <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">


                                <span class="name">魅蓝note3</span>
                                <p>
                                    <span>11-12日</span>
                                    <span>限量开售</span>
                                </p>
                                <span class="price">¥799</span>


                            </div>
                        </a>
                        <span class="tag discount">特惠</span>
                    </li>
                    <li>
                        <a href="#">
                            <!-- 手机卡片 -->
                            <div class="itemCard">
                                <img src="./images/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" alt="">


                                <span class="name">魅蓝note3</span>
                                <p>
                                    <span>11-12日</span>
                                    <span>限量开售</span>
                                </p>
                                <span class="price">¥799</span>


                            </div>
                        </a>
                        <span class="tag">热卖</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- others -->
    <div class="others">
        <div class="service">
            <dl>
                <dt>帮助说明</dt>
                <dd>
                    <a href="#">支付方式</a>
                    <a href="#">配送说明</a>
                    <a href="#">售后服务</a>
                    <a href="#">付款帮助</a>
                </dd>
            </dl>
            <dl>
                <dt>Flyme</dt>
                <dd>
                    <a href="#">开放平台</a>
                    <a href="#">固件下载</a>
                    <a href="#">软件商店</a>
                    <a href="#">查找手机</a>
                </dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>
                    <a href="#">关于魅族</a>
                    <a href="#">加入我们</a>
                    <a href="#">联系我们</a>
                    <a href="#">法律声明</a>
                </dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>
                    <a href="#">新浪微博</a>
                    <a href="#">腾讯微博</a>
                    <a href="#">QQ空间</a>
                    <a href="#">官方微信</a>
                </dd>
            </dl>

            <dl>
                <dt class="onLine">24小时全国服务热线</dt>
                <dd>
                    <span class="number">400-788-3333</span>
                    <p class="onlineContract">
                        <i></i>
                        <span>24小时在线客服</span>
                    </p>
                </dd>
            </dl>
        </div>
    </div>
    <!-- copyright -->
    <div class="copyright">
        <span>@2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.   </span>
        <a href="#"><span>备案号:粤ICP备13003602号-2</span> </a>
        <a href="#"><span>经营许可证编号:粤B2-20130198</span> </a>
        <a href="#"><span>经营业执照</span> </a>
        <a href="#"> <i class="icon1"></i>
        </a>
        <a href="#"> <i class="icon2"></i>
        </a>

    </div>
</body>

</html>